<section class="box">
  <header class="panel_header">
    <h2 class="title pull-left">{{cat.catName  | categoryName}} {{'类目品牌排行榜'|translate}}<b class="date pl5">{{vm.date | dateFormat}}</b></h2>
    
  </header>
  <div class="content-body" style="position: relative;">
    <ngx-busy [busy]="busy"></ngx-busy>
    <table class="responsive-table striped table-brands">
      <thead>
        <tr>
          <th class="rankTh">{{'排名' |translate}}</th>
           <th *ngFor="let column of columns;let $index = index" st-sort [st-sort]="column" [st-sort-data]="param" (sortChanged)="sortChanged($event)"  [innerHTML]="column.title |translate"> </th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let b of brands | paginate:{ itemsPerPage:10, currentPage:p,id:'sp2' };">
          <td>
            <a href="javascript:void(0);" [ngClass]="{'ui circular label':true,'yellow color-w':b.index==1,'grey color-w':b.index==2,'orange color-w':b.index==3}">{{b.index}}</a>
          </td>
          <td>
            <a class="brandLink normal" href="javascript:;" [title]="b.brandName">{{b.brandName}}</a>
          </td>
          <!--  日销  -->
          <td><span class="tm-yen">¥</span>{{b.sellMoney | bigNum}}</td>
          <td>{{b.sellAmount | number:0}}</td>
          <!-- 月销 -->
          <td><span class="tm-yen">¥</span>{{b.monthSellMoney | bigNum}}</td>
          <td>{{b.monthSellAmount | number:0}}</td>
        </tr>
      </tbody>
      <tfoot>
          <tr>
            <td colspan="6">
              <pagination-controls directionLinks="false" id="sp2" (pageChange)="p = $event"></pagination-controls>
            </td>
          </tr>
        </tfoot>
    </table>
  </div>
</section>
